<template>
	<view class="flex pay-type-radio">
		<view class="item-tab" :class="{active:value==item.pay_way}" v-for="item in basePayList" :key="item.pay_way" @click="changePayWay(item)">
			{{handleLang(`${item.name}支付`)}}
		</view>
	</view>
</template>

<script>
	import {basePayList} from '@/config/index.js'
	export default {
		props:{
			value:{
				type:String,
				default:'huifu'
			}
		},
		model:{
			prop:'value',
			event:"change"
		},
		data(){
			return {
				basePayList
			}
		},
		methods:{
			changePayWay({pay_way}){
				this.$emit('change',pay_way)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.pay-type-radio{
		@extend .gap-12,.flex;
		.item-tab{
			box-sizing: border-box;
			@extend .ptb-4,.plr-8,.bg-color-white,.br-12,.font-size-12,.font-color-dark;
		}
		.item-tab.active{
			@extend .font-color-white;
			background: #222;
		}
	}
</style>